草庐IT

HTML5 新元素

全部标签

javascript - 序列化 DOM 元素,包括所有 CSS 属性

我正在开发一个像yola.com这样的在线网站设计系统。我想获取应用的CSS属性及其值到任何DOM元素的列表。例如,我有一个h1标签,它的css在调整大小和拖动时由jqueryui随机更改,还通过tinymce等更改其文本装饰和文本内容等。我在这个页面上有一个保存按钮。当我点击保存时,我想使用php将所有这些更改保存到数据库中。现在我的目标是只知道每个元素的css和内部文本内容。我该怎么做? 最佳答案 在javascript中,您可以通过调用找到元素的当前类名element.getClassName();至少在当前版本的firefo

javascript/jquery - 如何获取尚未添加到 dom 的元素/css 类的宽度

我正在尝试动态查找具有特定宽度的css类的元素的宽度,以便动态定位其背景图像(Sprite)。但是,该元素尚未添加到DOM。有没有办法在将类添加到DOM之前读取类的宽度属性? 最佳答案 我相信你做不到。而是将其添加到测试div,找到宽度,然后删除div。$selector.append("");varwidthVal=$selector.find("#test").width();$("#test").remove();selector是您可能想要附加到的元素选择器。您可以将一个类与“test”div相关联,使其显示为“displa

javascript - 我无法使用 JS 访问元素的可视位置

我在UIWebview(webkit控件)中有一个多列布局,但我在访问元素的“可视”位置时遇到问题。我将tapX移动4096(4x1024,其中1024是“分栏页面”的高度),并获得正确的“点击”元素,但我无法判断我是在边缘还是在中间的元素。我需要绝对的顶部和左侧位置,所以我可以使用(e.left,e.top,width,height)的矩形在元素顶部动画层效果-获得正确的e.left和e.top证明很棘手。tapElement.offsetTop忽略列布局并且转换似乎不起作用。vartapElement=document.elementFromPoint(tapX,tapY);if(

javascript - HTML5 视频帧捕获到位图

我得到了这个脚本:functioncapture(video,scaleFactor){if(scaleFactor==null){scaleFactor=1;}varw=video.videoWidth*scaleFactor;varh=video.videoHeight*scaleFactor;varcanvas=document.createElement('canvas');canvas.width=w;canvas.height=h;varctx=canvas.getContext('2d');ctx.drawImage(video,0,0,w,h);returncanvas

单击元素的填充时不会触发 Javascript Click 事件

有没有人遇到过类似的事情?当我点击li元素的中间区域时,点击事件会触发,但当我点击靠近其边缘的填充区域时,事件不会触发。我绑定(bind)到元素上的click。super难倒。 最佳答案 我也看到了这种情况,但仅限于iOS。用div包装也不起作用。经过一些研究,我发现YUI委托(delegate)监听器并未在该节点的填充上触发(尽管它在节点上的其他任何地方都触发)。最终,我通过从委托(delegate)监听器中完全删除该节点并为该节点添加传统的点击事件监听器来修复它。之后,一切正常!不确定这是否对您的情况有帮助。

javascript - JQuery - 将 .on 与元素插入结合使用

我有一个为特定对象创建工具提示的函数。目前,我在ajax插入后运行一个工具提示函数来创建和附加新的工具提示对象。我很好奇是否有一种方法可以使用.on()在插入时自动运行工具提示功能,而不是手动运行它。例如:$('[title]').on('inserted',function(){tooltip(this);});我做了一些阅读,看起来自定义触发器可能是可行的方法,但如果存在这样的东西我会很高兴:) 最佳答案 根据要求,这是伪代码。$(document).ready(function(){$('body').on('added','

javascript - CSS/HTML5 :hover state remains after drag and drop

我正在使用html5的拖放功能在屏幕上重新排列dom元素-我在执行此操作时将css行为附加到拖放的各种状态,但我遇到的问题是悬停状态保持均匀在我拖放和鼠标移出DOM元素之后。这是我的代码:JavaScript:functionaddDragListeners(){$('.segmentListItem').each(function(index){$(this)[0].addEventListener('dragstart',handleDragStart,false);//rolloverforcurrent$(this)[0].addEventListener('drop',han

javascript - 如何让 javascript 在调用 QWebElement.appendInside ('some html code' 时工作)?

我正在为im客户端开发插件,它将在QWebView中显示聊天记录。插件必须支持html模板。现在我正在尝试通过调用QWebElement.appendInside(‘newmessage’)来附加新消息,如果模板中有javascript源,则它不起作用。例如模板可能是这样的类型: %time%%name%getitall('%text%','%name%','%cid%','%base%',meldungsart[0]);animation1();函数getitall()和animation1()不会被执行。我不能使用QWebElement.evaluatejavascrip

javascript - 单击元素时一种模式呈现不同的模板

我有不同的按钮(一个用于创建“冲刺”,另一个用于创建评论,等等)。执行这些任务的表单附加到一个模式对话框中,当您单击不同的按钮时会显示该对话框。这些是流程:点击“Sprint”按钮>附加“Sprint”表单>显示模态然后如果你点击其他按钮:点击“评论”按钮>清空模态内容>附加“评论”表单>显示模态目前,不同的内容保存在一个字符串中,当您单击按钮时,它会附加到模态框。但现在我正在使用Backbone和Underscore模板,但我不知道如何做同样的事情。我不想将所有模板都放在模式中并根据您单击的按钮显示它们;我想在点击时附加一个已经缓存的模板。有没有办法用Backbone和Undersc

javascript - 如何使用 angularjs 对 HTML 列表进行渐进式增强?

假设我有一个可访问的网站,该网站将在禁用JS的情况下进行咨询。我有一个新闻列表,我可以这样总结:News1News2News3每次重新加载页面时,您都会添加最新的新闻,如果您获得超过10条新闻,则旧的新闻将被丢弃。现在,如果我使用AngulardJS,我必须将数据放入一个模型和一个ng-repeat,并摆脱我的静态HTML。该列表将动态填充,因此使用JS的人将看到几乎实时更新的列表。我需要的是让两者协同工作。我需要静态列表,如果JS被激活,我希望将当前元素插入到模型中并由angularjs管理。现在我目前的做法是:当我的模型初始化时,分离列表DOM,手动提取数据,并删除所有子列表在列表